<template>
	<div :class="[[prefixCls+'-title'], align?'mj-title-'+align:'']">
		<div :class="type" :style="{fontSize: size + 'px',color: color,fontWeight: fontWeight }" v-html="title"></div>
		<slot name="right"></slot>
	</div>
</template>

<script>
import { prefixCls } from '../prefix'
import './title.css'

export default {
	name: `${prefixCls}Title`,
	props:['title','type','size','align','color','fontWeight'],
	data() {
		return {
			prefixCls: prefixCls,
		}
	},
}
</script>
